<template>
  <div class="content">
    <!-- 商品明细 -->
    <div class="goodsdetail">
      <TabList
        :tableData="tableData"
        :btnList="btnList"
        :titleList="titleList"
        :linklist="linklist"
        :isCheck="isCheck"
      />
    </div>

    <Tablist
      :tableData="tableData"
      :btnList="btnList"
      :titleList="titleList"
      :linklist="linklist"
      :isCheck="isCheck"
    />

    <div class="btnboxs">
      <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
      <el-button @click="resetForm('ruleForm')">关闭</el-button>
    </div>
  </div>
</template>

<script>
import Tablist from "../../components/List.vue";
export default {
  name: "ListShow",
  components: {
    Tablist,
  },
  data() {
    return {
      isCheck: false,
      tableData: [],
      btnList: [
        {
          id: 0,
          name: "删除",
        },
      ],
      titleList: [
        "id",
        "goods_name",
        "goods_chengben",
        "goods_price",
        "goods_sort",
        "goods_zhekou",
        "goods_allmoney",
        "goods_remark",
        "enter_time",
      ],
      linklist: [
        {
          id: 0,
          name: "附件标题",
          isRouter: false,
        },
        {
          id: 1,
          name: "文件大小",
          isRouter: false,
        },
        {
          id: 2,
          name: "下载地址",
          isRouter: false,
        },
        {
          id: 3,
          name: "备注",
          isRouter: false,
        },
        {
          id: 4,
          name: "业务员",
          isRouter: false,
        },
        {
          id: 5,
          name: "上传时间",
          isRouter: false,
        },
      ],
    };
  },
  created() {
    this.compute();
  },
  methods: {},
};
</script>

<style>
.btnboxs{
  width: 160px;
  margin: 0 auto;
}
</style>